@for $i from 0 to 1000 {
  // mt-x, mr-x, mb-x, ml-x
  .m-#{$i} {
    margin: 1px * $i;
  }
  .m-t-#{$i} {
    margin-top: 1px * $i;
  }
  .m-r-#{$i} {
    margin-right: 1px * $i;
  }
  .m-b-#{$i} {
    margin-bottom: 1px * $i;
  }
  .m-l-#{$i} {
    margin-left: 1px * $i;
  }
  // pt-x, pr-x, pb-x, pl-x
  .p-#{$i} {
    padding: 1px * $i;
  }
  .p-t-#{$i} {
    padding-top: 1px * $i;
  }
  .p-r-#{$i} {
    padding-right: 1px * $i;
  }
  .p-b-#{$i} {
    padding-bottom: 1px * $i;
  }
  .p-l-#{$i} {
    padding-left: 1px * $i;
  }
  // w-x, h-x, lh-x, br-x
  .w-#{$i}-px {
    width: 1px * $i !important;
  }
  .h-#{$i}-px {
    height: 1px * $i !important;
  }
  .min-h-#{$i}-px {
    height: 1px * $i !important;
  }
  .l-h-#{$i} {
    line-height: 1px * $i;
  }
  .br-#{$i} {
    border-radius: 1px * $i;
  }
  // cut-x 文字截断[多行]
  .cut-#{$i} {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: $i;
    -webkit-box-orient: vertical;
  }
}


.box-border{
	box-sizing: border-box;
}

.box-content{
	box-sizing: content-box;
}
